<template>
	<view class="agreement">
		<view>隐用户协议</view>
	</view>
</template>

<script setup>
import { ref, getCurrentInstance } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
// import { getDealArticleAPI } from '@/api/article.js';

const proxy = getCurrentInstance().proxy;

const richText = ref('');

async function getDetail(type) {
	// const { data } = await getDealArticleAPI({ type });
	// richText.value = data;
}

function back() {
	uni.navigateBack({ delta: 1 });
}

onLoad(async (options) => {
	await proxy.$onLaunched;

	await getDetail(options.type);

	if (options.type == 1) {
		uni.setNavigationBarTitle({
			title: '提现协议'
		});
	} else if (options.type == 2) {
		uni.setNavigationBarTitle({
			title: '银行卡协议'
		});
	} else if (options.type == 3) {
		uni.setNavigationBarTitle({
			title: '关于我们'
		});
	}
});
</script>

<style lang="scss">
.agreement {
	width: 750rpx;
	height: 100vh;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	overflow-y: scroll;
	position: relative;
	.bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
}
.closeIcon {
	position: relative;
	top: 106rpx;
	left: 48rpx;
	width: 88rpx;
	height: 88rpx;
	border-radius: 50%;
	z-index: 10;
	image {
		width: 100%;
		height: 100%;
	}
}

.title {
	margin-top: 62rpx;
	padding-left: 48rpx;
	font-weight: bold;
	font-size: 38rpx;
	color: #000000;
	position: relative;
	z-index: 10;
}

.content {
	margin-top: 66rpx;
	padding: 0 46rpx;
	font-size: 28rpx;
	font-weight: 400;
	font-size: 30rpx;
	color: #000000;
	line-height: 40rpx;
}
</style>
